<template>
    <span>
        <span v-if="!bold" class="bg-black hover:text-white transition duration-150 p-1 rounded text-black select-none"> {{content}} </span>
        <span v-else class="bg-black hover:text-white transition duration-150 p-1 rounded text-black select-none font-bold"> {{content}} </span>
    </span>
</template>

<script lang="ts">
// 黑幕

import { defineComponent } from 'vue'

export default defineComponent({
    name: 'black',
    props: {
        content: String,
        bold: Boolean
    }
})
</script>